.flex{display: -webkit-box;display: -webkit-flex;}
.flex-vc,.flex-cc{
	-webkit-box-align:center;-webkit-align-items:center;
}/*垂直居中*/
.flex-hc,.flex-cc{
	-webkit-box-pack:center;-webkit-justify-content:center;
}/*水平居中*/
.flex-cc{-webkit-box-pack:center;-webkit-justify-content:center;}
/*.f-hr{-webkit-box-pack:end;-webkit-justify-content:flex-end;}向右靠拢
.f-hl{-webkit-box-pack:start;-webkit-justify-content:flex-start;}向左靠拢*/

.clear{
	clear: both;
}
body{
	font-size: 14px;
}
table{
	border-collapse: collapse;
	width: 100%;
}
.form-group{
	display: none;
}
.right{
	float: right;
}
.center{
	text-align: center;
}
.button.color-cyan{
	background: #17aef0;
}
.navbar{
	background: #17aef0;
}
.picker-calendar-day.picker-calendar-day-selected span{
	background: #17aef0;
}
.navbar .center,
.navbar a.link:link,
.navbar a.link:visited{
	color:#fff;
}
.navbar a.link{
	height: 35px;
}
.navbar{
	font-size: 1.5em;
}
.subnavbar .button{
	border: 1px solid #17aef0;
	color: #17aef0
}
.subnavbar .button.active{
	background: #17aef0;
	color: #fff;
}
.navbar-through .with-subnavbar.page-content{
	padding-top: 87px;
}
.panel-menu,
.panel-menu .list-block li{
	background: #17aef0;
	color:#fff;
}
.panel-menu .list-block ul:before,
.panel-menu .list-block ul:after,
.panel-menu .item-divider:before,
.panel-menu .list-block .item-inner:after{
	background:#159fdb;
}
.panel-menu .list-block ul .item-inner{
	background-image:none;
}

.panel-menu .menu-logo{
	height: 110px;
	background-color: #fff;
	width: 110px;
	border-radius: 50%;
	margin: 0 auto;
	box-shadow: 3px 3px 15px 1px #038AC3;
	-webkit-box-shadow: 3px 3px 15px 1px #038AC3;
}
.panel-menu .menu-company{
	text-align: center;
	margin: 20px auto 0 auto;
	color: #fff;
	font-size: 0.98em;
}
.panel-menu .content-block{
	margin: 25px auto;
}
.index .menu-grid td{
	border:1px solid #c4c4c4;
	min-width: 80px;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:15px 0;
	width: 33.3333%;
}

.index .menu-grid td.blank{
	background: none;
	border-right: 0;
	border-bottom: 0;
}
.index .menu-grid td a{
	display: block;
}
.index .menu-grid td .circle{
	width: 60px;
	height: 60px;
	color: #00b1fe;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid #00b1fe;
	margin: 0 auto;
}
.index .menu-grid td i{
	font-size: 1.7em;
}
.index .menu-grid td span{
	width: 100%;
	color: #00b1fe;
	text-align: center;
	margin-top: 5px;
	display: block;
}
.com-form-list,
.leave-note-list{
	margin:-1px 0 0 0;
}
.leave-note-list  .item-title-row{
	font-size: 16px;
	line-height: 30px;
	color:#479ac9;
}
.leave-note-list .item-subtitle{
	line-height: 25px;
	color:#777;
	letter-spacing: 0.01em;
	font-size: 0.8em;
}
.leave-note-list .item-after{
	color: #aaa;
	padding: 0 5px;
	margin: 0;
	line-height: 25px;
	height: 25px;
}

.note-list a.delete-action{
	background: #ff3b30;
}
.note-list a.update-action{
	background: #F79220;
}
.wx-gallery-view div[class*=col-],
.wx-gallery-view div[class*=col-] *,
.wx-image-selector div[class*=col-],
.wx-image-selector div[class*=col-] *{
	display:block;
	height: 80px;
	width: 80px;
}
.wx-image-selector div[class*=col-] img{
	background-color: #fff;
}
.content-block-title{
	margin: 20px 15px 10px;
}

.smart-select-page .navbar .left .link{
	display: none;
}
.login-screen-content{
	  /* background: #479ac9;
  color: #fff; */
}
.login-screen .list-block .item-after{
	max-height: auto;
}
.login-screen .login-screen-title{
	font-size:22px;
}
.login-screen .label{
	font-size:15px;
}
.login-screen .login-copyright{
	text-align: center;
	font-size: 0.8em;
}
.login-screen .login-label {
	width: 25%;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
}

.contacts-list .item-media img{
	border:1px solid #eee;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 29px;
	height: 29px;
}

.contacts-detail .avatar{
	text-align: center;
}
.contacts-detail .avatar img{
	height: 96px;
	width: 96px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.contacts-detail .content-block{
	margin: 28px 0;
}

.list-block.post-list{
	margin: 0;
}
.list-block.post-list .item-text{
	-webkit-line-clamp: 6;
	max-height: 126px;
	height:auto;
	margin:9px 0;
}
.list-block.post-list .item-content{
	padding-left: 0;
}
.list-block.post-list .item-inner{
	padding-left: 15px;
}
.list-block.post-list .item-footer div[class*=col-]{
	border: 1px solid #ddd;
	height: 42px;
	line-height: 40px;
	text-align: center;
}
.list-block.post-list .item-footer div[class*=col-]:last-child{
	border-left:0;
}
.list-block.post-list .item-footer a{
	display: block;
	height: 100%;
	width: 100%;
}
.list-block.post-list .item-footer i{
	font-size: 0.87em;
}
.list-block.post-list .item-footer span{
	font-size: 1.08em;
}
.list-block.post-list .item-title img{
	width: 26px;
	height: 26px;
	float:left;
	margin-right: 10px;
}
.list-block.post-list .item-after{
	font-size:0.9em;
}

.list-block.post-create .item-input textarea{
	height: 200px;
}

.list-block.post-list .comments {
	max-height: none;
}
.list-block.post-list .comments ul{
	background-color: #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 6px;
}
.list-block.post-list .comments ul li{
	padding: 2px;
	height: 25px;
}
.list-block.post-list .comments ul span{
	color: #2162B8;
	font-size:0.9em;
}
.list-block.post-list .comments ul a{
	float:right;
	font-size:0.9em;
}

.post-list .btn-add-likes,
.post-list .btn-comment-create{
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 33px;
	text-align: center;
}
.post-list .btn-add-likes span,
.post-list .btn-comment-create span{
	font-size: 1.25em;
}
.post-list .btn-add-likes i,
.post-list .btn-comment-create i{
	font-size: 1.08em;
}

.opinion-list .success{
	color:green;
}
.opinion-list .fail{
	color:#ff3b30;
}
.opinion-list .finish{
	color:#007aff;
}

.tab-vacations{
	margin: 17px auto 0 auto;
	width: 90%;
	color: #111;
}
.tab-vacations th,.tab-vacations td{
	border: 1px solid #c4c4c4;
	width:33.3%;
	height: 30px;
}
.tab-vacations th{
	background-color: #DDDDE0;
}
.tab-vacations td{
	background-color: #fff;
	padding: 0 5px;
}
.tab-vacations tr td:nth-child(1){
	text-align: center;
}
.tab-vacations tr td:nth-child(2){
	text-align: right;
}
.tab-vacations tr td:nth-child(3){
	text-align: right;
}
a.link-news{
	color:#333;
}
.link-news .card-header,
.link-news .card-content-inner{
	padding: 8px;
	font-size: 16px;
}
.link-news .card-header{
	line-height: 18px;
}
.link-news .card-header span{
	font-size: 0.75em;
	color: #666;
}
.link-news .card-footer{
	text-align: right;
}